<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Online character recognition</title>
</head>

<body>
  <h1>Online character recognition</h1>

  <p>Draw your character in the box below:</p>  
  <div style="background-color:#DDDDDD; width:160px; height:210px" >
      <canvas id="character-input" width="150" height="200">
        <p>Unfortunately, your browser does not support HTML5 canvas.</p>
      </canvas>
  </div>
  <p>See your character in the box below:</p>
  <div style="background-color:#DDDDDD; width:160px; height:210px" >
      <canvas id="character-output" width="150" height="200">
        <p>Unfortunately, your browser does not support HTML5 canvas.</p>
      </canvas>
  </div>
  <div id="difference"></div>
  <p>From the following characters:</p>
  <div style="width:400px" >
    <textarea id="text-input"></textarea>
  </div> 
  <div id="version"><p></p></div>
  <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.3.min.js"></script>
  <script type="text/javascript" src="main.js"></script>
  <script type="text/javascript" src="sort.js"></script>
</body>
</html>
